<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Plaing with CSS3 transition</title>
  <link rel='stylesheet' href='css/css3transition.css' />
  
  <script src="../jsLibs/jQueryv1.9.1.js"></script>

</head>
<body>

<header>
<h1>Getting Familiar with CSS3 Transition</h1>
</header>

<section id="game">
    <div id="cards">
        <div id="card1" class="card cardAK"></div>
        <div id="card2" class="card cardAQ"></div>
    </div> <!-- #cards -->
</section> <!-- #game -->


<footer>
Example of CSS3 Transition.
</footer>

<script>
    $(function(){
        $("#card1").addClass("moveAndScale");
        $("#card2").addClass("rotateRight");
    });
</script>

</body>
</html>
